<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%@ page contentType="text/html;charset=UTF-8"%>
<%@ include file="/manage/common/taglibs.jsp"%>

<script type="text/javascript">
/**
 * 页面加载完成后执行
 */
$(function() {
	//注册按键回车直接提交查询
	$.acooly.framework.registerKeydown('manage_role_searchform','manage_role_datagrid');
});
</script>



<div class="easyui-layout" data-options="fit : true,border : false">
  <!-- 查询条件 -->
  <div data-options="region:'north',border:false" style="height: 40px; overflow: hidden;" align="left">
    <form id="manage_role_searchform" onsubmit="return false">
      <table class="tableForm">
        <tr>
          <td align="left">角色名称:<input type="text" size="10" name="search_LIKE_name" />
          <a href="javascript:void(0);" class="easyui-linkbutton" data-options="iconCls:'icon-search',plain:true" onclick="$.acooly.framework.search('manage_role_searchform','manage_role_datagrid');">查询</a> 
          </td>
        </tr>
      </table>
    </form>
  </div>

  <!-- 列表和工具栏 -->
  <div data-options="region:'center',border:false">
    <table id="manage_role_datagrid" class="easyui-datagrid" url="${pageContext.request.contextPath}/manage/system/role/listJson.html" toolbar="#manage_role_toolbar" fit="true" border="false" fitColumns="true"
      pagination="true" idField="id" pageSize="20" pageList="[ 10, 20, 30, 40, 50 ]" sortName="id" sortOrder="desc" checkOnSelect="true" selectOnCheck="true">
      <thead>
        <tr>
          <th field="formatId" checkbox="true" data-options="formatter:function(value, row, index){ return row.id }">编号</th>
          <th field="id" width="40">编号</th>
          <th field="name" width="100">名称</th>
          <th field="descn" width="100">说明</th>
          <th field="action" width="100" data-options="formatter:function(value,row,index){return formatAction('manage_role_action',value,row);}">动作</th>
        </tr>
      </thead>
    </table>
    
    <div id="manage_role_action" style="display: none;">
      <a onclick="$.acooly.framework.edit({url:'/manage/system/role/edit.html',id:{0},entity:'role',width:550,height:500});" href="#"><img title="编辑" style="width:16px;height:16px;vertical-align:middle;" src="${pageContext.request.contextPath}/manage/plugin/jquery-easyui-1.3.1/themes/icons/edit.png" border="0"/></a>&nbsp
      <a onclick="$.acooly.framework.remove('/manage/system/role/deleteJson.html',{0},'manage_role_datagrid');" href="#"><img title="删除" style="width:16px;height:16px;vertical-align:middle;" src="${pageContext.request.contextPath}/manage/plugin/jquery-easyui-1.3.1/themes/icons/delete.png" border="0"/></a>
    </div>
    
    <div id="manage_role_toolbar">
      <a href="#" class="easyui-linkbutton" iconCls="icon-add" plain="true" onclick="$.acooly.framework.create({url:'/manage/system/role/create.html',entity:'role',width:550,height:500});">添加</a> 
      <a href="#" class="easyui-linkbutton" iconCls="icon-remove" plain="true" onclick="$.acooly.framework.removes('/manage/system/role/deleteJson.html','manage_role_datagrid')">批量删除</a>
    </div>
  </div>

</div>
